Working with Layouts

What is a layout?

A layout comprises one or more empty frames acting as templates for images and text. You can change the position, size and alignment of these frames.

All these commands can (and should) be used when the layout frames are already filled with your own images and text.

To add new layout frames press the icons "New image" or "New text" in the toolbar. For more details see "Inserting images into the layout and editing images in the layout" and "Inserting and editing texts" later on in this section.

Selecting a Layout

Click the "Layout" tab in the object browser.

In a selection box you can limit the preview of the layouts to the number of images you want to insert on the page. 

Double clicking the preview applies the layout to both of the pages that are shown; to apply the layout to one page only, hold down the left mouse button and drag the layout to the required page.

Note:
If you want to use the available layouts, we recommend setting the options in the editor so that the photo adapts to the layout.
This is the setting "Maintain frame size and crop the edges of the image".
If the layout frames adapt to the photo, the spacing and aspect ratios of the frame are no longer correct.
You can define the best image sections afterwards by zooming and moving the photos inside a photo frame.

The layout frame

A layout frame is a placeholder into which you can insert an image. It is displayed in the product editor as a semi-transparent icon while it does not contain an image.

Selecting a layout frame

You can select a layout frame by clicking on it.

To select multiple layout frames drag a selection frame around them with the mouse. This so-called rubber band function for selection does not work if the layout frame (or text boxes) you want to select are on one of your own photos you have used as a background.

You can add more frames to this selection by holding down the "Ctrl" key and clicking more frames with the mouse. You can use the same method to remove a frame from the selection. Simply hold down the "Ctrl" key and click the selected frame again to remove it from the selection.

The scale, rotate, position and delete functions all work with multiple, selected layout frames. 

The editing frame

If you select a layout frame, an editing frame is drawn around it – this is a line that clearly highlights the frame borders. This indicates an "active" frame.

Scaling a layout frame

The editing frame has a number of handles, corner handles at the corners of the editing frame and side handles at the centre of each side of the frame.

You can use the handles at the corners and sides to scale the frame size.

The corner handles keep the aspect ratio while scaling the layout frame.

The side handles scale the layout frame in one direction only (width or height).  

Rotating the layout frame

You can use the rotation handle, which lies slightly within the frame, to rotate the frame while holding down the mouse button.

To rotate the frame through 90 degrees, you can use the tools "Rotate frame anti-clockwise" and "Rotate frame clockwise" in the toolbar. 

Moving a layout frame

To move a layout frame, position the mouse pointer directly on the editing frame until the pointer changes into a cross with arrow heads, then hold down the left mouse button and drag the frame to the required position.

Alternatively, you can use the arrow keys on your keyboard. The selected frame will move gradually in a specific direction by repeatedly pressing an arrow key, or by holding down the arrow key. 

"Active frame positioning"

The "Active frame positioning" tool is contained in the "Layout" toolbar. The dialog box which appears gives you absolute control over the position, rotation, size and zoom factor of your content. It groups the three previously described steps and the zoom command in a single dialog box. The command group is also available in the layout frame pop-up menu (right click the frame), and you can select multiple layout frames to apply the same values at the same time.

The dialog box for this command group has four tabs "Position", "Rotation", "Size" and "Zoom".

The "Keep..." options are enabled by default.

"Position"

This positioning option lets you place images and text images in the layout with millimetre accuracy.

As a reference, the page width (for vertical positioning) or the page height (for horizontal positioning) of the layout area is displayed.

This explains why the page width for photo books always refers to the double page spread.

The following positions are supported:
Before: Vorher   "Move all images uniformly" Einheitlich verschieben
"Align the middle point on a horizontal line" Mittelpunkt horizontal   "Align the middle point on a vertical line" Mittelpunkt vertikal
"Right vertical alignment" rechts vertikal   "Left vertical alignment" links vertikal
"Lower horizontal alignment" unten horizontal   "Upper horizontal alignment" oben horizontal

Middle point, right, left, upper and lower all refer to the layout frame.
Horizontally and vertically relate to the layout area.
There is an additional middle point option that lets you position the layout frame at the centre of the page.

Caution: Avoid moving images so far that they drop off the visible area of the editor window. If you deselect an image, you will not be able to move it back. It will automatically be removed from your order if it is outside the workspace.

"Rotation"

The "Set rotation" option rotates images by absolute values. Rotation relates to the product editor workspace.

The "Rotate image" option rotates images relatively. Rotation refers to the image and/or the layout frame. If the layout frame has already been rotated, the new rotation is added to the current rotation value.

You can also use this command to rotate text boxes.  

"Size"

The layout frame size is defined in absolute centimetre values for the height and width or the image is scaled as a percentage. This also works with text boxes.

"Zoom"

The zoom factor determines how the image scales within the frame. If you zoom a photo in the layout frame, you can also move it to and fro inside the frame. This defines the image section. 

You can either keep the current zoom factor, or set a new zoom factor. The zoom factor is defined as a numeric value in percent.

This function does not apply to text boxes. To change the font size, you must format the text.

Aligning and resizing frames

As soon as several frames have been selected, the "Align and resize frames" option is available in the pop-up menu.

Additional commands are opened with which you can align the selected images on the right, left, top or bottom. The rotation or size of the photos can also be aligned.

The same commands are available as buttons in the "Layout" toolbar.

Layout frame order

Frames can partially overlap. Buttons are available in the toolbar for this purpose (in the "More frame options" program group): "Move current frame forward " and "Move current frame to the back".
This lets you control the order in which the images overlap.

The following keyboard shortcuts are quicker to use. "Alt" + "+" moves the active frame forwards, "Alt" + "-" moves it further back.

Deleting a layout frame

You can delete a layout frame from your layout by selecting the frame and either pressing the "Delete" button in the toolbar, or by pressing the "Del" key on your keyboard.

Saving a layout

After customising a layout, or creating a new layout, you can save the layout to be able to apply it to other pages.
To do so, use the "Save layout" command in the toolbar.

By default, the layout for the left half of the double page spread is saved; if you want to save the layout of the right page, you must first select a layout frame on this page.

The layout then appears as a thumbnail in the layout object browser, and is tagged with an asterisk.


Inserting images into a layout and editing images

Selecting images

Click the "Images" tab in the "Object browser".

In a similar style to your operating system’s Explorer, you can navigate to the image directories on your storage media in the top section of the "Object browser".

All the images in the directory you have selected are then shown below.

Images that you have already used in your photo book are checked. 

You can change the thumbnail view size using the zoom slider at the bottom. 

The pop-up menu (right click the image view) gives you various view, sort and paste options:

"Find similar images"

After selecting an image, this function finds images in the same directory that you either photographed at the same time (by date and time) and/or that look similar. You can use the slider to set the degree of similarity.

"As background"

These commands let you add an image of your own as the background for right, left or both pages (double page spread). In contrast to backgrounds supplied with the software, images that you insert as backgrounds can be edited in the product editor by double clicking and then using the photo viewer.

"Selected images as collage..."

Creates a collage from multiple selected images. The size and position of the images is adjusted automatically. You can execute this command multiple times in succession until you are satisfied with the results.
You can then move the images in the layout frame to find the most suitable image section.

"Sort by..."

Sorts images either alphabetically by file name or chronologically by the date and time they were taken.

"Update directory"

If you add image files to the current directory while you are working with the photo software, the new photos may not be displayed immediately. This command forces the software to reload the directory and therefore the thumbnails.

"Display file name"

Displays or hides the file name below the thumbnails.

"Sort by colour"

Displays the images by colour mood grouped in a separate window.
Horizontally or vertically or adjacent images will match well on the same page in your photo book. Double clicking the image inserts it into the photo book page. Tip: Make sure you select a background with a matching colour.

"PHOTO BOOK Assistant"

Only for photo books. Launches the CEWE PHOTO BOOK Assistant. (Refer to the section "The Photo Book Assistant")

"Photo Show"

Launches the Photo Show. (Refer to the section "Photo Show".)

The Photo Show (with image editing functions) can also be launched by double clicking the preview image. Caution: If you edit an image in the object browser and not in the workspace, the original file is overwritten with the edited version when you save your work. Of course, you may want to do this. 

Inserting images into the layout

To insert an image into your layout, hold down the left mouse button and drag it from the object browser to the required layout frame in the workspace. The image will then fill the layout frame.

The layout frame will react in two possible ways:

  1. The image scales to match the layout frame. The layout frame remains unchanged and the height or width of the image is modified, depending on which aspect of the image and the frame offers the best match.
    Any parts of the image that extend beyond the frame are no longer visible, but you can scale the height and width of the layout frame and use the "Scale down image" / "Scale up image" tools to define the image selection shown in the frame.

  1. The layout frame scales to match the image. You can see the "whole" of the image, and the layout frame changes to match the longer side of the image. Again you can scale the layout frame. If you use the handles at the corners to scale the layout frame, the aspect will be kept and the image will automatically scale. If you scale only the width and height of the layout frame, the parts of the image that are outside the layout frame are no longer visible.
    When scaling up a layout frame, the image scales proportionally; this is not the case when you scale down a layout frame. In this case you must scale down the image manually in the frame using the "Scale down image" / "Scale up image" functions.

You can set the layout frame behaviour using the options in the main menu for all images you insert. Refer to the "Program Options" section.

Alternatively, you can drag your image or images to an empty part of the page, or onto a totally empty page (delete the default layout frame before you do) and then position the image(s) freely.

Using a photo as a background

The "Preview and insertion control" (below the photo thumbnails) contains the commands "Image as left background", "Image as right background" and "Image as background on both pages". You can use these tools to define the currently selected image as the background for the double page spread or the right or left-hand pages of your CEWE PHOTO BOOK.

In contrast to the backgrounds supplied with the software, you can select any image you have used as a background in the product editor and edit the image in the Photo Show.  

Swapping images

You can hold down the mouse button to drag an image from one layout frame to another. If the other frame already contains an image, the images are swapped.

Deleting images

To remove an image from the product editor, first select the image (click on it) and then press the "Delete" button in the toolbar. You can also press the "Del" key on your keyboard.

If you have use an image mask on the photo, pressing the "Del" key or the "Delete" button the first time will remove the image mask, the second time removes the photo and the third time the layout frame.

Selected images are identifiable by the highlighting frame drawn round the image.

To select multiple consecutive images at the same time, use the mouse to draw a frame around the images you want to select, or select the first image you want to remove, hold down the shift key on your keyboard, and click the last image you want to select.

To select (or deselect) multiple at different places in the workspace, hold down the "Ctrl" key and click each image without releasing the "Ctrl" key between clicks.